.foxui-picker {
    display: inline-block;
    position: relative;
}

.foxui-picker-handle {
    cursor: pointer;
    display: flex;
    align-items: center;

    input {
        padding-right: 30px;
    }

    // 清空输入框 icon
    @include clear-input-icon();
}

// 弹出面板（最外层）
.foxui-picker-menu {
    @include popper-panel;
}

// foxui-picker-menu 内节点
.foxui-picker-panel {
    padding: 12px 0;
}

// foxui-picker-panel 内顶部
.foxui-picker-top {
}

// foxui-picker-panel 内主体内容
.foxui-picker-body {
    &::after {
        content: '';
        display: table;
        clear: both;
    }

    .foxui-picker-header {
        margin: $--padding-base;
        text-align: center;
        overflow: hidden;
        height: 40px;
        line-height: 40px;
    }

    .foxui-picker-content {
        position: relative;
        margin: $--padding-medium;
    }
}

// foxui-picker-panel 底部内容
.foxui-picker-bottom {
}

// 设置 foxui-picker 直接子节点的宽度 (为避免嵌套影响)
.foxui-date-picker,
.foxui-month-picker,
.foxui-year-picker,
.foxui-datetime-picker {
    & > .foxui-picker-menu {
        width: 324px;
    }
}
